@mixin px2rem($name, $px){
    #{$name}: $px / 75 * 1rem;
}

.boxFlex{
    display: -webkit-box;
    display: flex;
}
.sy-header{
    @extend .boxFlex;
    @include px2rem(height,70);
    @include px2rem(font-size,36);
    color: #000;
    justify-content: center;
    align-items: center;
    background: linear-gradient(#f30000,#aa0000);
    span{
        @include px2rem(margin-left,12);
          
        img{
         padding-left: 1em;
         @include px2rem(height,40);
         @include px2rem(white,40);
    }
    }
    .fn{
      @include px2rem(font-size,34);
      flex: 1;
      @extend .boxFlex; 
      align-items: center;
      justify-content: center;
      text-align: center;
      span:nth-child(1){
          @include px2rem(height,50);
          @include px2rem(width,150);
          @include px2rem(line-height,50);
          @include px2rem(border-radius,6);
          display: block;
          background: linear-gradient(#f9f9f9,#919191);
          
      }
      span:nth-child(2){
          color: white;
          @include px2rem(height,50);
          @include px2rem(width,150);
          @include px2rem(line-height,50);
          @include px2rem(margin-left,44);
          @include px2rem(border-radius,6);
          background: linear-gradient(#ff8787,#a31313);
      }  
    }
};
.excel{
    display: none;
    li{
      @extend .boxFlex;
      justify-content: space-between;
      @include px2rem(height,80); 
      @include px2rem(line-height,80);
      @include px2rem(font-size,34);
      padding-left: 1em;
      align-items: center;
      div{
          @include px2rem(line-height,40);
      }
      p{
         img{
              display: block;
            @include px2rem(padding-right,12);  
         } 
         
      }
    }
    li:nth-child(odd){
        background: #ededed;
    }
}
//.excelS{
//  display: none;
//  li{
//    @extend .boxFlex;
//    justify-content: space-between;
//    @include px2rem(height,80); 
//    @include px2rem(line-height,80);
//    @include px2rem(font-size,22);
//    padding-left: 1em;
//    align-items: center;
//    div{
//        @include px2rem(line-height,40);
//    }
//    p{
//       img{
//            display: block;
//          @include px2rem(padding-right,12);  
//       } 
//       
//    }
//  }
//  li:nth-child(odd){
//      background: #ededed;
//  }
//}
ul.show{
    display: block;
}
